<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合选择器-多元素选择器</title>
    <style type="text/css">
        /*小结：
            1、为了代码简介，我们可以把各个类型的选择器共同的样式写在一起，用逗号隔开，做成多元素选择器
            2、如果样式发生了冲突，以写在后面的为主
        */
        .span1, .span2,.span3,.span4,#id,span{
            color: red;
            font-weight: bold;
        }
        .span2{
            font-size:30px;
            font-family:'Arvo';
        }
        .span3{
            font-size:50px;
        }
        .span4{
            font-size:50px;
        }
    </style>
</head>
<body>
<span class="span1">hello,world!</span><br>
<span class="span2">hello,itbull!</span><br>
<span class="span3">hello,没学位</span><br><br>
<span class="span4">hello,world!</span><br>
<span>hello,泰牛程序员!</span>
</body>
</html>